/**
* 描述：预览
*/
<style lang="scss" scoped>
  @import 'index';
</style>
<template>
  <div class="exportResume">
    <div class="exportResume-inner">
      <div class="exportResume-title">
        <div class="logo fl">
          <img src="/static/images/web/index/logo.png" width="74" height="78" alt="微职">
        </div>
        <a class="ex fr">
          <i class="iconUCenter iconUCenter_export fl" style="margin-top:5px;margin-left: 20px;"></i>
          <span>导出</span>
        </a>
        <div class="clear"></div>
      </div>
      <div class="exportResume-main buleShadow">
          <div class="top">
            <!--基础信息-->
            <div style="background: #4f6c8f;">
              <div class="resumeCenter-block resumeCenter-userInfo" style="border-bottom: none;">
                <img :src="`/api/pub/image/${userInfo.avatar}`" class="touxiang"/>
                <img src="/static/images/web/userCenter/userGirl.png"  class="touxiang" v-show="!userInfo.avatar && userInfo.sex===1">
                <img src="/static/images/web/userCenter/userBoy.png"  class="touxiang" v-show="!userInfo.avatar && userInfo.sex===2">
                <div class="center">
                  <div class="name">{{userInfo.name}}</div>
                  <!--<a class="tag radius05">完全保密</a>-->
                  <div class="clear"></div>
                  <div class="userInfo">
                    <i>{{userInfo.sex | sexType}}</i><i>丨</i><i>21</i><i>（{{userInfo.birth}}）</i><i>丨</i><i>{{form.workExperience | experience}}工作经验</i><i>丨</i><i>现居{{userInfo.cityId | cityAndType}}</i><i>丨</i><i>{{userInfo.job}}</i><i>丨</i><i>{{userInfo.status | intentStatus}}</i>
                  </div>
                  <div class="clear"></div>
                  <div class="email">
                    <i class="iconUCenter iconUCenter_phone_yellow fl" style="margin-top:3px;"></i>
                    <i class="fl">{{userInfo.phone}}</i>
                    <i class="iconUCenter iconUCenter_email_yellow fl" style="margin-top:5px;margin-left: 20px;"></i>
                    <i class="fl">{{userInfo.email}}</i>
                  </div>
                  <div class="clear"></div>
                </div>
                <div class="clear"></div>
              </div>
            </div>
            <!--求职意向-->
            <div style="background: #e3effd;color: #333;margin-top: -10px;padding-top:10px;">
              <div class="resumeCenter-block">
                <div class="resumeCenter-block-tit" style="margin-top:0;">求职意向</div>
                <div class="clear"></div>
                <div class="resumeCenter-main">
                  <span class="wth50">期望薪资：{{userInfo.salaryHigh}}-{{userInfo.salaryLow}}</span>
                  <span class="wth50">地点：{{userInfo.cityId | cityAndType}}</span>
                  <span class="wth50">期望职位/职能：{{userInfo.position | positionFilter}}</span>
                  <span class="wth50">到岗时间：一周内</span>
                  <span class="wth50">个人技能标签：UI设计师</span>
                  <span class="wth50">职位类型：{{userInfo.type | intentType}}</span>
                  <div class="clear"></div>
                  <span class="wth100">自我评价：<br><i>{{userInfo.briefIntro}}</i></span>
                  <div class="clear"></div>
                </div>
                <div class="clear"></div>
              </div>
              <div class="clear"></div>
            </div>
            <!--工作经验-->
            <div class="resumeCenter-block">
              <div class="resumeCenter-block-tit">工作经验</div>
              <div class="clear"></div>
              <div class="resumeCenter-main" v-for="(work, index) in allInfo.resumeList">
                <span class="wth100">公司名称：<i class="fbold">{{work.company}}</i></span>
                <div class="clear"></div>
                <span class="fl100">起始时间：{{work.start}}-{{work.end}}</span>
                <div class="clear"></div>
                <span class="wth50">职位/职能：{{work.job}}</span>
                <div class="clear"></div>
                <span class="wth100">工作描述：<br><i>{{work.description}}</i></span>
              </div>
            </div>
            <!--教育经历-->
            <div class="resumeCenter-block">
              <div class="resumeCenter-block-tit">教育经历</div>
              <div class="clear"></div>
              <div class="resumeCenter-main" v-for="(afo, index) in allInfo.educationList">
                <span class="wth100">毕业院校：<i class="fbold">{{afo.school}}</i></span>
                <div class="clear"></div>
                <span class="fl100">入学时间：{{afo.start}}</span>
                <span class="fl100">毕业时间：{{afo.end}}</span>
                <div class="clear"></div>
                <span class="wth100">学历学位：{{afo.degree | education}}</span>
                <div class="clear"></div>
                <span class="wth100">专业：{{userInfo.education | education}}</span>
              </div>
            </div>
            <div style="border-bottom:5px solid #4f6c8f;margin-top:40px;margin-bottom:50px;"></div>
          </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        userInfo: {},
        allInfo: []
      };
    },
    mounted () {
    },
    methods: {
    }
  };
</script>
